<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>秒数转化</title>
</head>

<body>
    <h3>用户输入秒数，可以自动转换为时分秒</h3> <br>
    <input type="text" id="sec" name="" id="">
    <button onclick="getTime()">计算</button><br>
    <p id="result" style="color: red;font-weight: bold;"></p>
    <script>
        //用户输入秒数，可以自动转换为时分秒，在页面打印。（用函数实现）
        // 例如，输入60，输出结果为00小时01分00秒
        // 上交要求：1、上脚代码截图和运行结果截图。
        // 2、源代码添加附件上传。

        // 提示：
        // 计算公式：计算时分秒
        //     小时：h=parseInt(总秒数/60/60%24)
        //     分钟：m=parseInt(总数/60%60)
        //     秒数：s=parseInt(总数%60)

        function getTime() {
            var sec = document.getElementById("sec").value;
            // var sec = prompt("请输入秒数");
            var h = parseInt(sec / 60 / 60 % 24);
            var m = parseInt(sec / 60 % 60);
            var s = parseInt(sec % 60);
            const fH = h.toString().padStart(2, '0');// 补零
            const fM = m.toString().padStart(2, '0');// 补零
            const fS = s.toString().padStart(2, '0');// 补零
            document.getElementById("result").innerHTML = fH + "小时" + fM + "分钟" + fS + "秒";
        }
    </script>
</body>

</html>